@charset "utf-8";


body {
	background-position: 100% 100%;
/* 	background-color: #eaeaea; */
/* 	position: absolute; */
	height: 860px;
	min-width: 100%;
	margin: -8px 0 0 0;
	
	background: url("../img_4X4/user-img/123123.jpg") no-repeat scroll 120px 2px;
	background-size: 1064px 853px;
	position: relative;
}


#left{
	width: 270px;
	float: left;
}
#container{
	width: 600px;
	float: left;
/* 	height: 0px */
}



.content_wrap  {
/* 	padding:0px 8px 0px 10px; */
	height: 800px;
/* 	margin: -8px 0 0 0; */
}



/* 整体定位 */
.content_all {
	background: url("../img_4X4/user-img/content_all.png") center no-repeat;
	background-position: 55% 100%;
	position: relative;
	width: 570px;
	left: 10%;
}


.zTreeDemoBackground {
	position: relative;
	width: 220px;
	bottom: 0px;
	left: 1%;
}


/* 显示树的文本框格式 */
ul.ztree {
	border: 3px double #4f4f4f;
	border-radius:3px;
	/* 背景颜色 */
	background: #DDDDDD;
	overflow-y: scroll;
	overflow-x: auto;
	margin-top: 10px;
	height: 847px;
	width: 220px;
}




/* 楼顶背景 */
.heading {
	background: url("../img_4X4/user-img/heading.png") center no-repeat;
	background-position: 250% 100%;
	position: relative;
	width: 102.5%;
	height: 100px;
	right: 40%;
	left: 0.8%;
}

.heading * {
	position: absolute;
	line-height: 570%;
/* 	width: 44.25%; */
	left: 0%;
}

.heading div[id="unitShow"] {
/* 	position: absolute; */
	font-weight: bold;
	color: #FFFFFF;
	left: 10.5%;
	bottom: -25%;
	width: 60px;
}

.heading div[id="buildingShow"] {
/* 	position: absolute; */
	font-weight: bold;
	color: #FFFFFF;
	left: 35.5%;
	bottom: 7%;
	width: 150px;
}
.heading div[id="timeShow"] {
/* 	position: absolute; */
	font-weight: bold;
	color: #FFFFFF;
	left: 60.5%;
	bottom: 7%;
	width: 120px;
}

/* 顶层用户 */
.user-top {
	/* 	background: url("../img_4X4/user-img/user-top.jpg") center no-repeat; */
	background-position: 50% 100%;
	background-color: #D0F48A;
	position: relative;
	height: 120px;
	width: 81%;
	left: 0%;
	
}

.user-top div[id="top-1"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 261%;
	bottom: -20%;
	width: 80px;
	left: -38%;
}

#top-1 div[id="number"] {
	position: relative;
	color: #EB8000;
	bottom: -18px;
	left: 0%;
}

#top-1 div[id="house"] {
	position: relative;
	font-size: 10px;
	color: #FFFFFF;
	bottom: -16px;
	left: 0%;
}

.user-top div[id="top-2"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 261%;
	bottom: 49%;
	width: 80px;
	left: -12%;
}

#top-2 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#top-2 div[id="house"] {
	position: relative;
	bottom: -15.5px;
	font-size: 10px;
	color: #FFFFFF;
	left: 0%;
}

.user-top div[id="top-3"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 261%;
	bottom: 118%;
	width: 80px;
	left: 13%;
}

#top-3 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#top-3 div[id="house"] {
	position: relative;
	font-size: 10px;
	color: #FFFFFF;
	bottom: -16px;
	left: 0%;
}
.user-top div[id="top-4"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 261%;
	bottom: 187%;
	width: 80px;
	left: 38%;
}

#top-4 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#top-4 div[id="house"] {
	position: relative;
	font-size: 10px;
	color: #FFFFFF;
	bottom: -16px;
	left: 0%;
}

/* 中间条 */
#middle-1 {
	background: url("../img_4X4/user-img/middle.jpg") center no-repeat;
	background-position: 50% 100%;
	position: relative;
	line-height: 100%;
	width: 81%;
	left: 0%;
}

/* 中层用户 */
.user-centre {
	/* 	background: url("../img_4X4/user-img/user-centre.png") center no-repeat; */
	background-position: 50% 100%;
	background-color: #ACF0F2;
	position: relative;
	line-height: 600%;
	height: 120px;
	width: 81%;
	left: 0%;
}

.user-centre div[id="centre-1"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 261%;
	bottom: -20%;
	width: 80px;
	left: -38%;
}

#centre-1 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#centre-1 div[id="house"] {
	position: relative;
	font-size: 10px;
	color: #FFFFFF;
	bottom: -16px;
	left: 0%;
}

.user-centre div[id="centre-2"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 261%;
	bottom: 49%;
	width: 80px;
	left: -12%;
}

#centre-2 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#centre-2 div[id="house"] {
	position: relative;
	bottom: -15.5px;
	font-size: 10px;
	color: #FFFFFF;
	left: 0%;
}

.user-centre div[id="centre-3"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 261%;
	bottom: 118%;
	width: 80px;
	left: 13%;
}

#centre-3 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#centre-3 div[id="house"] {
	position: relative;
	font-size: 10px;
	color: #FFFFFF;
	bottom: -16px;
	left: 0%;
}
.user-centre div[id="centre-4"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 261%;
	bottom: 187%;
	width: 80px;
	left: 38%;
}

#centre-4 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#centre-4 div[id="house"] {
	position: relative;
	font-size: 10px;
	color: #FFFFFF;
	bottom: -16px;
	left: 0%;
}

/* 中间条 */
#middle-2 {
	background: url("../img_4X4/user-img/middle.jpg") center no-repeat;
	background-position: 50% 100%;
	position: relative;
	line-height: 100%;
	width: 81%;
	left: 0%;
}

/* 中下层用户  */
.user-bottom {
	/* 	background: url("../img_4X4/user-img/user-bottom.png") center no-repeat; */
	background-position: 49.95% 100%;
	background-color: #72afcd;
	position: relative;
	height: 120px;
	width: 81%;
	left: 0%;
}

.user-bottom div[id="bottom-1"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 263%;
	bottom: -20%;
	width: 80px;
	left: -38%;
}

#bottom-1 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#bottom-1 div[id="house"] {
	position: relative;
	font-size: 10px;
	color: #FFFFFF;
	bottom: -16px;
	left: 0%;
}

.user-bottom div[id="bottom-2"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 263%;
	bottom: 50%;
	width: 80px;
	left: -12%;
}

#bottom-2 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#bottom-2 div[id="house"] {
	position: relative;
	font-size: 10px;
	bottom: -15.5px;
	color: #FFFFFF;
	left: 0%;
}

.user-bottom div[id="bottom-3"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 263%;
	bottom: 120%;
	width: 80px;
	left: 13%;
}

#bottom-3 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#bottom-3 div[id="house"] {
	position: relative;
	font-size: 10px;
	color: #FFFFFF;
	bottom: -16px;
	left: 0%;
}
.user-bottom div[id="bottom-4"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 263%;
	bottom: 190%;
	width: 80px;
	left: 38%;
}

#bottom-4 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#bottom-4 div[id="house"] {
	position: relative;
	font-size: 10px;
	color: #FFFFFF;
	bottom: -16px;
	left: 0%;
}



/* 中间条 */
#middle-3 {
	background: url("../img_4X4/user-img/middle.jpg") center no-repeat;
	background-position: 50% 100%;
	position: relative;
	line-height: 100%;
	width: 81%;
	left: 0%;
}

/* 底层用户  */
.user-four {
	/* 	background: url("../img_4X4/user-img/user-bottom.png") center no-repeat; */
	background-position: 49.95% 100%;
	background-color: #1695A3;
	position: relative;
	height: 120px;
	width: 81%;
	left: 0%;
}

.user-four div[id="four-1"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 263%;
	bottom: -20%;
	width: 80px;
	left: -38%;
}

#four-1 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#four-1 div[id="house"] {
	position: relative;
	font-size: 10px;
	color: #FFFFFF;
	bottom: -16px;
	left: 0%;
}

.user-four div[id="four-2"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 263%;
	bottom: 50%;
	width: 80px;
	left: -12%;
}

#four-2 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#four-2 div[id="house"] {
	position: relative;
	font-size: 10px;
	bottom: -15.5px;
	color: #FFFFFF;
	left: 0%;
}

.user-four div[id="four-3"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 263%;
	bottom: 120%;
	width: 80px;
	left: 13%;
}

#four-3 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#four-3 div[id="house"] {
	position: relative;
	font-size: 10px;
	color: #FFFFFF;
	bottom: -16px;
	left: 0%;
}
.user-four div[id="four-4"] {
	background: url("../img_4X4/user-img/vectors.png") center no-repeat;
	background-size: 80px;
	position: relative;
	line-height: 263%;
	bottom: 190%;
	width: 80px;
	left: 38%;
}

#four-4 div[id="number"] {
	position: relative;
	color: #000000;
	bottom: -18px;
	left: 0%;
}

#four-4 div[id="house"] {
	position: relative;
	font-size: 10px;
	color: #FFFFFF;
	bottom: -16px;
	left: 0%;
}





.page-all{
	background-position: 49.98% 100%;
	position: relative;
	height: 70px;
	width: 81%;
}

/* 底层黄条背景  */
#yellow {
	background: url("../img_4X4/user-img/yellow.png") center no-repeat;
	background-position: 49.98% 100%;
	position: relative;
	height: 70px;
	width: 100.1%;
	left: -0.1%;
}
/* 下一页  */
#next {
	background: url("../img_4X4/user-img/Next.png") center no-repeat;
/* 	background-position: 49.98% 100%; */
	position: relative;
	height: 46px;
	width: 46px;
	left: 70%;
	top:-65%;
}


div font[id="backs"]{
	font-size: 9px;
	position: relative;
	top:11px;
	font-style: oblique;
	color: #8000ff;
}
div a[id="anext"]{
	text-decoration:none;
}
div a[id="aback"]{
	text-decoration:none;
}

div font[id="nexts"]{
	font-size: 9px;
	position: relative;
	top:12px;
	font-style: oblique;
	color: #8000ff;
}

/* 上一页  */
#back {
	background: url("../img_4X4/user-img/Back.png") center no-repeat;
	background-position: 49.98% 50%;
	position: relative;
	height: 46px;
	width: 46px;
	left: -70%;
	top:-135%;
}

/* 热表图 */
.table {
	background-position: 50% 100%;
	border-collapse: collapse;
	position: relative;
    margin-right: 0px;
    margin-left: 0px;
	margin: 0% auto;
    left: 50px;
}

.table div[id="table-No1"] {
	background: url("../images/user-img/table.png") center no-repeat;
	background-position: 48.5% 100%;
	position: relative;
	height: 35px;
	width: 15%;
	left: 20%;
}


.table div[id="table-No2"] {
	background: url("../images/user-img/table.png") center no-repeat;
	background-position: 48.5% 100%;
	position: relative;
	bottom: 35px;
	height: 35px;
	width: 15%;
	left: 60%;
}

/* .table div[id="table-No3"] { */
/* 	background: url("../img_4X4/user-img/table.png") center no-repeat; */
/* 	background-position: 48.5% 100%; */
/* 	position: relative; */
/* 	height: 35px; */
/* 	bottom: 70px; */
/* 	width: 15%; */
/* 	left: 53%; */
/* } */

/* .table div[id="table-No4"] { */
/* 	background: url("../img_4X4/user-img/table.png") center no-repeat; */
/* 	background-position: 48.5% 100%; */
/* 	position: relative; */
/* 	bottom: 105px; */
/* 	height: 35px; */
/* 	width: 15%; */
/* 	left: 75%; */
/* } */

/* 数据显示 */
/* .table-bottom { */
/* 	background-position: 50% 100%; */
/* 	position: relative; */
/* 	bottom: 75px; */
/* 	left: -25%; */
/* } */

/* .table-bottom table { */
/* 	background-position: 200% 100%; */
/* 	border-collapse: collapse; */
/* 	margin: 0% 27.5%; */
/* 	height: 100px; */
/* 	width: 43%; */
/* 	right: 20%; */
/* } */

/* .table-bottom th { */
/* 	background: url("../img_4X4/user-img/line5.jpg") repeat-x scroll center */
/* 		bottom; */
/* 	font-family: "微软雅黑", "黑体", Arial; */
/* 	border: 1px solid #dadada; */
/* 	white-space: nowrap; */
/* 	font-weight: normal; */
/* 	line-height: 25px; */
/* 	font-size: 11px; */
/* 	padding: 0 3px; */
/* 	height: 25px; */
/* 	color: #666; */
/* } */

/* 数据显示 */
/* .table-bottom td { */
/* 	font-family: "微软雅黑", "黑体", Arial; */
/* 	border: 1px solid #dadada; */
/* 	white-space: nowrap; */
/* 	font-weight: normal; */
/* 	text-align: center; */
/* 	line-height: 28px; */
/* 	font-size: 11px; */
/* 	padding: 0 3px; */
/* 	height: 25px; */
/* 	color: #666; */
/* } */
